import React from 'react'
import {Row, Col,  Table,} from 'antd';
import './PurchaseOrderDetail.css'


const moneyRecordColumns = [
    {
        title: '退款流水号',
        dataIndex: 'payNo',
        align: 'center',

    },
    {
        title: '新增时间',
        dataIndex: 'addTime',
        align: 'center',

    },
    {
        title: '确认时间',
        dataIndex: 'checkTime',

    },
    {
        title: '退款金额',
        dataIndex: 'payNum',
    },

    {
        title: '退款账户',
        dataIndex: 'account',
    },
    {
        title: '状态',
        dataIndex: 'state',
    },
    {
        title: '已核销金额',
        dataIndex: 'checkedMoney',
    },
    {
        title: '未核销金额',
        dataIndex: 'notCheckedMoney',
    },
    {
        title: '',
        dataIndex: 'action',
    },

];
const moneyRecordTableData = [];
class PurchaseOrderMoneyRecord extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            countMoney: '0.00',
            visible: false,
            orderTypeText: '全部级别',
            selectValue: 1,
            current: '订单详情',
            orderNo: ' DH-O-20200508-405868 ',
            customerName: '小雷家电线厂',
            value: 1,
            logVisible: false,
        }
    }
    handleClick = e => {
        console.log('click ', e);
        this.setState({
            current: e.key,
        });
    };
    handleChange = (value) => {
        console.log(`selected ${value}`);
        this.setState({
            selectValue: value,
        })
    }
    handleOk = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };

    handleCancel = e => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };
    onChange = e => {
        console.log('radio checked', e.target.value);
        this.setState({
            value: e.target.value,
        });
    };

    render() {
        return (<div style={{ position: 'relative',backgroundColor:'white'}}>


            {/*//退款记录*/}
            <Row >
                <Col span={24}>
                    <Row style={{marginTop: 20}} align={'middle'}>
                        <Col span={24}>
                            <span className={'orderInfo'}>退单号：{this.state.orderNo} <span
                                className={'orderWay'}>代下单</span>  </span>
                            <span className={'orderInfo'}>客户名称：小雷家养猪场</span>
                            <span className={'orderInfo'}>退单金额：2,512.80</span>
                            <span className={'orderInfo'}>已退金额：555.00</span>
                            <span className={'orderInfo'}>待退金额：1,957.80</span>

                        </Col>
                    </Row>
                    <Row className={'detailTable'}>
                        <Col span={24}>
                            <Table
                                bordered
                                pagination={{position: ['none', 'none'],}}
                                columns={moneyRecordColumns}
                                dataSource={moneyRecordTableData}
                                className='table'
                            />
                        </Col>
                    </Row>

                </Col>
            </Row>



        </div>);

    }
}
export default PurchaseOrderMoneyRecord
